<!-- 前台 – 我的		mine -->
<template>
	<view class="warps">
		<view class="mine-lan">

		</view>
		<view class="mine-nicheng">
			<view class="">
				<view class="f d c bold fs36" style="position:absolute;top:-90rpx;left:280rpx;">
					<image style="width: 196rpx;height: 196rpx;" src="../../../static/img/111.png" mode=""></image>
					<text>昵称昵称昵称</text>
				</view>
				<view>

				</view>
			</view>
			<view class="" style="margin-top:300rpx;">
				<view class="w90" @click="a">
					<view class="f b c">
						<view class="vw25 f b c">
							<view>
								<image style="width: 32rpx;height: 32rpx;margin-top:12rpx;"
									src="../../../static/img/080.png" mode=""></image>
							</view>
							<view>
								<text>所在团队</text>
							</view>
						</view>
						<view>
							<image style="width: 32rpx;height: 32rpx;" src="../../../static/img/028.png" mode="">
							</image>
						</view>
					</view>
				</view>
				<view class="w90 p_t_10" @click="a1">
					<view class="f b c">
						<view class="f b c" style="width:28vw;">
							<view>
								<image style="width: 32rpx;height: 32rpx;margin-top:12rpx;"
									src="../../../static/img/113.png" mode=""></image>
							</view>
							<view>
								<text>会员增长率</text>
							</view>
						</view>
						<view>
							<image style="width: 32rpx;height: 32rpx;" src="../../../static/img/028.png" mode="">
							</image>
						</view>
					</view>
				</view>
				<view class="w90 p_t_10" @click="a2">
					<view class="f b c">
						<view class="vw25 f b c">
							<view>
								<image style="width: 32rpx;height: 32rpx;margin-top:12rpx;"
									src="../../../static/img/119.png" mode=""></image>
							</view>
							<view>
								<text>巡查日志</text>
							</view>
						</view>
						<view>
							<image style="width: 32rpx;height: 32rpx;" src="../../../static/img/028.png" mode="">
							</image>
						</view>
					</view>
				</view>
				<view class="w90 p_t_10" @click="a3">
					<view class="f b c">
						<view class="vw25 f b c">
							<view>
								<image style="width: 32rpx;height: 32rpx;margin-top:12rpx;"
									src="../../../static/img/114.png" mode=""></image>
							</view>
							<view>
								<text>反馈列表</text>
							</view>
						</view>
						<view>
							<image style="width: 32rpx;height: 32rpx;" src="../../../static/img/028.png" mode="">
							</image>
						</view>
					</view>
				</view>
				<view class="w90 p_t_10" @click="a4">
					<view class="f b c">
						<view class="vw25 f b c">
							<view>
								<image style="width: 32rpx;height: 32rpx;margin-top:12rpx;"
									src="../../../static/img/115.png" mode=""></image>
							</view>
							<view>
								<text>合同协议</text>
							</view>
						</view>
						<view>
							<image style="width: 32rpx;height: 32rpx;" src="../../../static/img/028.png" mode="">
							</image>
						</view>
					</view>
				</view>
			</view>
			<view>

			</view>
		</view>
		<view class="">
			<view class="">
				<view class="cover" v-show="show">

				</view>
				<view class="Details-huod" v-show="show">
					<view class="content">
						<view class="content-top">

						</view>
						<view class="senter f d p_t_20">
							<view>
								<text class="fs16">本月会员数：1400</text>
							</view>
							<view class="p_t_20">
								<text class="fs16">本月会员数：1400</text>
							</view>
							<view class="p_t_20 fs16">
								<text>会员增长率：16.7%</text>
							</view>
						</view>
					</view>
				</view>
				<view class="content-guan" v-show="show" @click="show = false">
					<image style="width: 64rpx;height: 64rpx;" src="../../../static/img/020.png" mode=""></image>
				</view>
			</view>
		</view>
		<view class="TBB">
			<TABBAE :idx="2"></TABBAE>
		</view>
	</view>
</template>

<script>
	import TABBAE from"../tabbar/tabbar.vue"
	export default {
		components: {
			TABBAE
		},
		data() {
			return {
				show: true
			}
		},

		onLoad() {

		},
		
		methods: {
			a() {
				uni.navigateTo({
					url: "team/team"
				})
			},
			a1() {
				uni.navigateTo({
					url: "growth/growth"
				})
			},
			a2() {
				uni.navigateTo({
					url: "xuncharizhi/xuzhanrizhijiaoan"
				})
			},
			a3() {
				uni.navigateTo({
					url: "fankui/fankuileibiao"
				})
			},
			a4() {
				uni.navigateTo({
					url: "hetongxieyi/hetong"
				})
			},
		}
	}
</script>

<style scoped>
	.TBB {
		width: 100vw;
		position: fixed;
		bottom: 0rpx;
	}

	.cover {
		position: fixed;
		top: 0;
		width: 100%;
		height: 100vh;
		background: #000000;
		opacity: 0.6;
		z-index: 10;
	}

	.content {
		width: 432rpx;
		height: 574rpx;
		opacity: 1;
		background: #ffffff;
		position: relative;
	}

	.Details-huod {
		width: 432rpx;
		height: 556rpx;
		opacity: 1;
		background: #ffffff;
		position: absolute;
		top: 300rpx;
		left: 160rpx;
		z-index: 11;
	}

	.content-top {
		width: 368rpx;
		height: 368rpx;
		opacity: 1;
		background: #dddddd;
		margin: 0 auto;
		margin-top: 24rpx;
	}

	.content-guan {
		position: absolute;
		top: 950rpx;
		left: 340rpx;
		z-index: 11;
	}

	.warps {
		/* height:200vh; */
		overflow: hidden;
		background-color: #FFFFFF;
	}

	.mine-lan {
		width: 750rpx;
		height: 340rpx;
		background: #BFDBF1;
		position: relative;
		overflow: hidden;
	}

	.mine-nicheng {
		width: 750rpx;
		height: 1324rpx;
		opacity: 1;
		background: #ffffff;
		border-radius: 40rpx 40rpx 0rpx 0rpx;
		position: absolute;
		top: 260rpx;
	}
</style>
